html {
    background-color: #0a0a0a;
    color: #e5e5e5;
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-family: 'Roboto', Tahoma, Arial, serif;
    overflow-y: hidden;
}
::selection {
    background: #77d0e0;
    color: #0a0a0a
}
::-moz-selection {
    background: #77d0e0;
    color: #0a0a0a
}
body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    min-width: 720px;
    overflow-y: hidden;
}
.serif {
    font-family: Tahoma, Afta;
    font-size: 1.5em;
}
.content {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}
.left {
    margin-left: 50px;
    width: 110%;
    min-width: 377px;
    position: relative;
    height: 100%;
    float: left;
    overflow-y: scroll;
}
.wrapper {
    height: auto;
    max-width: 660px;
}
.info {
    width: auto;
    height: auto;
}
.dates {
    margin-left: 0px;
    float: left;
    height: auto;
}
.times {
    margin-left: 30px;
    float: left;
}
.size {
    margin-left: 30px;
    float: left;
}
.name {
    margin-left: 30px;
    float: left;
}
.extra {
    width: auto;
    clear: left;
    height: 22px;
}
.eleft {
    clear: left;
    float: left;
    padding: 0px;
    margin: 0px;
    margin-left: 70px;
}
.eright {
    float: left;
    padding: 0px;
    margin: 0px;
    margin-left: 30px;
}
.input {
    background-color: #0a0a0a;
    color: #e5e5e5;
    border: 0px;
    outline: none;
    font-size: 1em;
    min-width: 250px;
    size: auto;
}
.lelxd {
    color: #ffff00;
    background-color: #0000ff;
    font-family: cursive;
    font-size: 200px;
}
.leftslider {
    position: absolute;
    top: 0px;
    left: -500px;
    height: 100%;
    width: 495px;
    padding-left: 5px;
    color: #0a0a0a;
    background-color: #e5e5e5;
}
.buttonl {
    position: absolute;
    top: 0px;
    right: -50px;
    padding-left: 0px;
    width: 50px;
    height: 100%;
    border: 0px;
    border-right: 5px;
    border-color: #a0a0a0;
    border-style: solid;
    background-color: #e5e5e5;
    color: #0a0a0a;
}
.buttonimgl {
    position: absolute;
    top: 50%;
    height: 32px;
    width: 32px;
    margin-top: -16px;
    margin-left: 11px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    z-index: 3;
}
.hideall {
    background-size: 100% 100%;
    height: 32px;
    width: 64px;
    border-color: #999999;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    position: absolute;
    left: -28px;
    top: 10%;
    z-index: 2;
}
#open {
    background-image: url("../img/OpenA.png");
}
#open:hover{
    background-image: url("../img/OpenB.png");
}
#save {
    background-image: url("../img/SaveA.png");
    margin-top: 40px;
}
#save:hover{
    background-image: url("../img/SaveB.png");
}
#hide {
    background-image: url("../img/HideAllA.png");
    margin-top: 80px;
}
#hide:hover {
    background-image: url("../img/HideAllB.png");
}
.texteditor {
    height: 100%;
}
.editor {
    z-index: 0;
    width: 467px;
    height: 90%;
}
#fullsize {
    z-index: 3;
    width: 450px;
    height: 100%;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    outline-width: 1px;
    outline-color: #cccccc;
    outline-style: solid;
    font-family: Roboto;
    font-size: 1em;
    min-width: 250px;
}
#fullsize:focus {
    outline-width: 1px;
    outline-color: #77d0e0;
    outline-style: solid;
}

#fullsize:hover {
    outline-width: 1px;
    outline-color: #77d0e0;
    outline-style: solid;
}
.right {
    position: relative;
    left: 100%;
    top: 0%;
    padding: 0px;
    margin: 0px;
    color: #0a0a0a;
    width: 25%;
    height: 100%;
    background-color: #e5e5e5;
}
.buttonr {
    position: absolute;
    top: 0px;
    left: -50px;
    padding-left: 6px;
    width: 50px;
    height: 100%;
    border: 0px;
    border-left: 5px;
    border-color: #a0a0a0;
    border-style: solid;
    background-color: #e5e5e5;
    color: #0a0a0a;
}
.buttonimgr {
    position: absolute;
    top: 50%;
    height: 32px;
    width: 32px;
    margin-top: -16px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.text {
    position: absolute;
    top: 0px;
    right: -25px;
    height: 100%;
    text-align: right;
    margin-left: 25px;
    width: 100%;
    max-width: 300px;
    padding-right: 5px;
}
.title {
    position: relative;
    top: 0%;
    padding-right: 25px;
    background-color: #e5e5e5;
    z-index: 1;
    width: auto;
}
.scroll {
    overflow-y: scroll;
    padding-right: 10px;
    padding-top: 56px;
    position: absolute;
    bottom: 0%;
    height: 100%;
    z-index: 0;
}
.commands {
    margin-top: 56px;
    padding-right: 3px;
}